<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>签到有奖</title>
    <link rel="stylesheet" href="./css/qiandao.css">
    <script src="./jquery.min/jquery.min.js"></script>
    <script src="./js/qiandao.js"></script>
</head>

<body>
    <div class="bgc">
        <div class="tit">
            <h3>
                已累计签到1天
            </h3>
        </div>
        <div class="container">
            <ul id="progress">
                <li>
                    <div id="layer1" class="ball"></div>
                    <div id="layer7" class="pulse"></div>
                </li>
                <li>
                    <div id="layer2" class="ball"></div>
                    <div id="layer8" class="pulse"></div>
                </li>
                <li>
                    <div id="layer3" class="ball"></div>
                    <div id="layer9" class="pulse"></div>
                </li>
                <li>
                    <div id="layer4" class="ball"></div>
                    <div id="layer10" class="pulse"></div>
                </li>
                <li>
                    <div id="layer5" class="ball"></div>
                    <div id="layer11" class="pulse"></div>
                </li>
            </ul>
            <a class="trigger" href="javascript:;">签到领奖</a>
        </div>
    </div>
    <div class="main">
        <div class="tu">
            <h3>
                会员免费领
            </h3>
            <div class="tu-main">
                <ul>
                    <li>+1</li>
                    <li>+2</li>
                    <li>+2</li>
                    <li>+4</li>
                    <li>+4</li>
                    <li>+4</li>
                    <li></li>
                </ul>
                <span class="cur cur-one">
                </span>
                <span class="cur cur-two">
                </span>
                <span class="cur cur-three">
                </span>
                <span class="cur cur-four">
                </span>
                <span class="cur cur-five">
                </span>
                <span class="cur cur-six">
                </span>
                <span class="huiyuan">黑卡会员</span>
                <span class="jiao"></span>
            </div>
        </div>
        <p class="daka">
            坚持打卡 领取更多福利！
        </p>
        <p class="daka beibao">
            黑卡会员已纳入背包
        </p>
    </div>
</body>

</html>